/**
 *由于此文件将注入到所有style
 *该文件仅限定义‘mixin’
 */

 /*flex*/
.flex() {
  display: flex;
}
.flex-wrap() {
  flex-wrap: wrap;
}
.flex-column() {
  flex-direction: column;
}
.flex-start() {
  justify-content: flex-start;
}
.flex-center() {
  justify-content: center;
}
.flex-end() {
  justify-content: flex-end;
}
.flex-top() {
  align-items: flex-start;
}
.flex-middle() {
  align-items: center;
  align-content: center;
}
.flex-bottom() {
  align-items: flex-end;
  align-content: flex-end;
}
.flex-self() {
  align-self: center;
}
.flex-between() {
  justify-content: space-between;
}

.flex-0() {
  flex-shrink: 0;
}
.flex-1() {
  flex: 1;
  flex-basis: 0%;
  width: 0;
}

.flex-normal-center(){
  display: flex;
  justify-content: center;
  align-items: center;
}


/*单行溢出显示省略*/
.line-ellipsis() {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*圆角*/
.radius-block() {
  border-radius: 16rpx;
  overflow: hidden;
}

/*多行溢出显示省略*/
.muti-line-ellipsis(@row: 2){
  -webkit-line-clamp: @row;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;  
}

// @height 标签高度
// @fontSize 字体大小
// @vPadding 水平padding
.round-tag(@height: 18rpx, @vPadding: 10rpx) {
  display: inline-block;
  height: @height;
  line-height: @height;
  border-radius: @height / 2;
  padding: 0 @vPadding;
}
